$dark-grayish-green: #868a7b;
$very-dark-gray: #333333;
$white: #fff;


$demo-background: $dark-grayish-green;
$infobox-background: $very-dark-gray; 

$fullsize: 100%;

@mixin font-size($size, $base: 16) {
    font-size: $size * 1px; // fallback for old browsers
    font-size: ($size / $base) * 1rem;
}

body {
    font-family: 'source_sans_proregular', sans-serif;
      font-weight: 300;
  }
  
  html, body {
      width: $fullsize;
      padding: 0;
      margin: 0;
      height: $fullsize;
      min-width: $fullsize;
      max-width: $fullsize;
      overflow: hidden;
    background: $dark-grayish-green;
  }
  
  #wrapper {
      width: 300px;
    margin: 0 auto;
  }
  
  .block {
    width: 500px;
    margin: 0 auto;
  }
  
  h3 {
    @include font-size(32);
    color: white;
    text-transform: uppercase;
    letter-spacing: 2px;
    width: 232px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: -20px;
  }